<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="style/style.css" />
	
	<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
	
	<script type="text/javascript" src="js/login.js"></script>
	
	<title>Accueil Live IT</title>
</head>

<body>

<!--------------------------------- HEADER ---------------------------------->

	<?php
		include("include/header.php");
	?>


<!------------------------------- NAVIGATION -------------------------------->
	
	<?php
		include("include/nav.php");
	?>
		
<!--------------------------------- SECTION --------------------------------->
	
	<section>
		<article>
			<div id="ssarticle">
				<h1> Connexion </h1>
				<form id="login_form" method="post">
					<label for="username">Username :</label>
					<input type="text" name="username" class="input" /><br/>
					<label for="password">Password :</label>
					<input type="password" name="pwd" class="input" /><br/>
					<label for="connexion"></label>
					<input type="submit" name="connexion" value="Connexion" />
				</form>
			</div>
		</article>
		<aside>
			<div id="ssaside">
				<h1>Inscription</h1>
				Pas encore inscrit ?<br /><br />
				<center>
					<a href="new_user.php"><img id="inscription" src="style/image/inscription.png" OnMouseOver="document.getElementById('inscription').src='style/image/inscriptionhover.png'"
					OnMouseOut="document.getElementById('inscription').src='style/image/inscription.png'" alt=Inscrivez-vous" /></a>
				</center>
			</div>
		</aside>
	</section>
	
<!--------------------------------- FOOTER ---------------------------------->	

	<?php
		include("include/footer.php");
	?>
	
	
<!--------------------------------------------------------------------------->

</body>
</html>
